<!--header-->
<div app-header class="" left='' center='积分明细' right='积分规则' white='true' isapp='isapp'></div>
<!--header end-->
<div class="mui-content bg-f6 " ng-style="{top:isapp?'0px':'44px','padding-bottom':'0px',background:'#f6f6f6',bottom:'-100px'}">
    <div id="integral-slider" class="mui-slider">
        <div id="sliderSegmentedControl"
             class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
             style="background: white">
                <a class="mui-control-item"  href="#item1mobile">
                    全部
                </a>
            <a class="mui-control-item"  href="#item2mobile">
                    获取
                </a>
            <a class="mui-control-item"  href="#item3mobile">
                    消耗
                </a>
        </div>
        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4" style="background: #fb5a5c;"></div>
        <div class="mui-slider-group">
            <div id="item1mobile" class="mui-slider-item mui-control-content mui-active page " style="margin-bottom: 0;border: none">
                <div id="scroll1" class="mui-scroll-wrapper" >
                    <div id="pullrefresh1" class="mui-scroll-wrapper">
                        <div class="mui-scroll"  >
                            <ul class="mui-table-view">
                                <li class="integral-record-item" ng-repeat="item in integralList">
                                    <div class="text-035-333" style="margin-bottom: 0.1rem"><span ng-bind="item.consume"></span> <span class="f-r" ng-bind="item.bonuses" ></span></div>
                                    <div class="text-030-999" ng-bind="integralCreateTime(item.create_time)"> <span class="f-r" ng-bind="'可用积分 '+item.available_bonus"></span></div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="item2mobile" class="mui-slider-item mui-control-content  mui-active"style="margin-bottom: 0;border: none">
                <div id="scroll2" class="mui-scroll-wrapper">
                    <div id="pullrefresh2" class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <ul class="mui-table-view">
                                <li class="integral-record-item" ng-repeat="item in addintegralList">
                                    <div class="text-035-333" style="margin-bottom: 0.1rem" ><span ng-bind="item.consume"></span> <span class="f-r" ng-bind="item.bonuses"></span></div>
                                    <div class="text-030-999" ng-bind="integralCreateTime(item.create_time)">  <span class="f-r" ng-bind="'可用积分 '+item.available_bonus"> </span></div>
                                </li>


                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="item3mobile" class="mui-slider-item mui-control-content  mui-active"style="margin-bottom: 0;border: none">
                <div id="scroll3" class="mui-scroll-wrapper">
                    <div id="pullrefresh3" class="mui-scroll-wrapper">
                        <div class="mui-scroll">
                            <ul class="mui-table-view">
                                <li class="integral-record-item" ng-repeat="item in reduceintegralList">
                                    <div class="text-035-333" style="margin-bottom: 0.1rem" ><span ng-bind="item.consume"></span> <span class="f-r" ng-bind="item.bonuses"></span></div>
                                    <div class="text-030-999" ng-bind="integralCreateTime(item.create_time)">  <span class="f-r"  ng-bind="'可用积分 '+item.available_bonus"></span></div>
                                </li>


                            </ul>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>


</div>


